<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style type="text/css">
    @import url(./header.css);
    @import url(./second-head.css);
    @import url(../bottom.css);

    .positionFont {
      position: absolute;
      width: 100%;
      height: 50px;
      /* background-color: aqua; */
      top: 150px;
      line-height: 50px;
    }

    .positionFont span {
      margin-left: 7%;
    }

    .positionFont a:hover {
      color: blue;
    }
  </style>
  <style>
    .middle {
      width: 100%;
      height: 430px;
    }

    .middleImg {
      position: absolute;
      height: auto;
      width: auto;
      margin-top: 4%;
      margin-left: 5%;
    }

    .fontDiv {
      position: absolute;
      width: 44%;
      margin-left: 51%;
      margin-top: 80px;
    }
  </style>
</head>

<body>
  <div>
    <script src="./header.js"></script>
  </div>

  <div class="positionFont">
    <span><a href="#">首页</a> > <a href="./index.html">关于旺旺</a> > 旺传媒</span>
  </div>

  <img style="width: 100%;" src="../img/aboutWantWant/WantChuangMei.jpg" />

  <div class="second-head">
    <div class="second-head-div">
      <div>
        <a href="./index.html">公司简介</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index2.html">执行懂事</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index3.html">非执行懂事</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index4.html">独立非执行懂事</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index5.html">高管成员</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index6.html">公司沿革</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="#">旺旺精神</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index7.html">旺旺故事</a>
        <div class="border-div"></div>
      </div>
    </div>
    <div class="second-head-div" style="width: 60%;">
      <div>
        <a href="#">公司社歌</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="#" style="color: blue;">旺传媒</a>
        <div class="border-div" style="width: 100%;"></div>
      </div>
      <div>
        <a href="#">企业内刊</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="#">旺旺在中国</a>
        <div class="border-div"></div>
      </div>
      <div>
        <a href="./index8.html">旺旺在世界</a>
        <div class="border-div"></div>
      </div>
    </div>
  </div>

  <div class="middle">
    <img class="middleImg" src="./pic/旺传媒.jpg" alt="">
    <div class="fontDiv">
      <p>
        旺传媒创建于2010年，一直力求用独特视角记录旺旺发展，致力于营造旺旺一家人的企业文化氛围，是集团唯一的内部综合电视台。
      </p><br>
      <p>
        旺传媒内容丰富，除电视节目外，还涉及企业宣传片、纪录片、产品推广片、微电影、教育培训等的影片制作。其收视范围更是覆盖食品本业各个工厂、销售分公司营业所、台湾旺旺中时媒体集团及其他转投资单位等，有着广大的收视群体。
      </p><br>
      <p>
        同时，本着“传承”、“博闻”、“凝聚”的训勉，及时宣导集团政策、记录员工生活点滴，以人性化、大视野、新时尚的风格，搭建旺旺最具品质的综合性的核心媒体。
      </p>
    </div>

  </div>

</body>
<script src="../bottom.js"></script>

</html>